<script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  const fill: string = 'var(--caption-color)'
</script>

<svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M14.5,8c0-1.4-0.4-2.7-1.2-3.8c-0.8-1.1-1.9-1.9-3.2-2.4c-1.3-0.4-2.7-0.5-4-0.1C4.8,2.2,3.7,3,2.8,4C2,5.1,1.5,6.4,1.5,7.8 c0,1.4,0.3,2.7,1.1,3.8c0.8,1.1,1.8,2,3.1,2.5c0.7,0.3,1.5,0.4,2.3,0.4c0.6,0,1.1-0.1,1.7-0.2c0.3-0.1,0.4-0.3,0.4-0.6 c-0.1-0.3-0.3-0.4-0.6-0.4c-1.1,0.3-2.3,0.2-3.4-0.2c-1.1-0.4-2-1.1-2.6-2.1c-0.6-1-1-2.1-0.9-3.2c0-1.2,0.4-2.3,1.1-3.2 c0.7-0.9,1.7-1.6,2.8-1.9c1.1-0.3,2.3-0.3,3.4,0.1c1.1,0.4,2,1.1,2.7,2c0.7,0.9,1,2,1,3.2c0,0,0,0,0,0v1c0,0.6-0.5,1.2-1.2,1.2 c-0.6,0-1.2-0.5-1.2-1.2V8c0,0,0,0,0,0s0,0,0,0V6c0-0.3-0.2-0.5-0.5-0.5c-0.2,0-0.3,0.1-0.4,0.3C9.7,5.2,8.9,4.8,8,4.8 C6.3,4.8,4.8,6.3,4.8,8s1.4,3.2,3.2,3.2c1,0,1.8-0.5,2.4-1.2c0.4,0.7,1.1,1.2,1.9,1.2c1.2,0,2.2-1,2.2-2.2L14.5,8 C14.5,8,14.5,8,14.5,8z M8,10.2c-1.2,0-2.2-1-2.2-2.2c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2v0C10.2,9.2,9.2,10.2,8,10.2z"
  />
</svg>
